<!DOCTYPE html>
<html>
<head>
    <title>Hello,Catty!</title>
    <!--link rel="stylesheet" href="./typeselect.css">
    <link rel="stylesheet" href="./classselect.css">
    <link rel="stylesheet" href="./idselect.css">
    <link rel="stylesheet" href="./pseudoclasssselect.css"-->

    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>

<body class="container">
<div class="page-header">
    <h1>Catie's Homepage
        <small>i am a little, cute catie...</small>
    </h1>
    <div class="media">
        <div class="media-left">
            <a><img class="media-object img-circle img-thumbnail"
                    style="width: 100px;height:100px;max-width:100px;"
                    src="https://pic1.zhimg.com/56d13e682732c661cfad4bdff91ff9b1_xl.jpg"></a>
        </div>
        <div class="media-body">
            <h4 class="media-body">I like fruits!!!</h4>

            <div class="list-group">
                <a class="list-group-item" href="#">Cherry</a>
                <a class="list-group-item" href="#">Peach</a>
                <a class="list-group-item" href="http://www.baidu.com">Strawberry</a>
            </div>

            <form action="./account/login" method="get">
                <p>First name: <input type="text" name="fname"/></p>
                <p>Last name: <input type="text" name="lname"/></p>
                <button type="submit" value="Submit">Submit</button>
            </form>
        </div>
    </div>
</div>
</body>


</html>